/* Copyright 2021 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

body.view-flash #view-flash {
  backdrop-filter: blur(30px);
  background: rgba(var(--grey-900-rgb), 0.8);
  transition: opacity var(--moderate2-duration);
}

#processing-indicator {
  align-items: center;
  display: flex;
  flex-direction: column;
}

#processing-indicator .icon {
  background-image: url(/images/document_mode_spinner.svg);
  height: 40px;
  width: 40px;
}

#processing-indicator .msg {
  color: var(--grey-200);
  font: 14px/20px Roboto;
  margin-top: 16px;
}

@keyframes show-processing-indicator-with-delay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body.gif-capture-post-processing.view-flash #processing-indicator {
  animation: show-processing-indicator-with-delay var(--fast1-duration) ease-in 500ms 1 normal forwards;
  opacity: 0;
}
